import Vue from 'vue'
// 导入封装好的 SvgIcon 组件
import SvgIcon from '@/components/SvgIcon'// svg component

// 全局注册这个组件
Vue.component('svg-icon', SvgIcon)

// 下面是被 Webpack 所解析的语法
// require.context(路径, 要不要递归, 正则)
const req = require.context('./svg', false, /\.svg$/)
// console.log(req.keys()) // 路径数组
const requireAll = requireContext => {
  // 对所有的导过来的图标路径进行处理，处理成符合 webpack 需要的格式
  // webpack 内部会借助一个 svg-sprite-loader 这个 loader 来进行处理
  // 这个 loader 能把导过来的所有的 svg 加工成一个雪碧图/精灵图
  return requireContext.keys().map(requireContext)
}
requireAll(req)
